<%--
  Created by IntelliJ IDEA.
  User: 001
  Date: 2021/9/4
  Time: 22:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新笔趣阁_书友最值得收藏的网络小说阅读网</title>
    <link rel="stylesheet" href="./css/regist.css">
    <link rel="stylesheet" type="text/css" href="css/login-ajax.css">
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/clipboard.min.js"></script>
    <script type="text/javascript" src="js/login.js"></script>

</head>

<script>
    $(function () {
        $('#user').focus();
        //搜索框js
        $(".search-box").focus(function () {
            $(this).attr("placeholder", "");
        });
        $(".search-box").blur(function () {
            $(this).attr("placeholder", "输入需要搜索的小说");
        });

        //表单js
        //用户名
        $("#user").blur(function () {
            var regu = /^[\w\u4E00-\u9FFF]{5,20}$/;
            var re = new RegExp(regu);
            $(this).next().css('font-weight', 'bold');
            if ($(this).val() == '') {
                $(this).focus();
                $(this).next().text("该字段不允许为空").css("color", 'red');
                // $(this).parent().contents().filter(function () {
                //     return this.nodeType==3;
                // }).text("该字段不允许为空").css("color","red");
                // $('#user').parent().html();
            }  else if(re.test($(this).val())){
                $.get("http://localhost:8080/mutilAdmin","_method=checkname&u_username="+$(this).val(),function (data) {
                    if(data==2) $("#user").next().text("用户名已存在").css("color",'red');
                    if(data==1)  $("#user").next().text("用户名合法").css("color",'#72e51b');
                });

            }
            else $(this).next().text("用户名需由5-20位数字、字母、汉字、下划线组合而成").css("color", 'red');
        });
        //密码
        $("#pass").blur(function () {
            var regu = /^[\w]{6,16}$/;
            var re = new RegExp(regu);
            $(this).next().css('font-weight', 'bold');
            if ($(this).val() == '') {
                $(this).focus();
                $(this).next().text("该字段不允许为空").css("color", 'red');
            } else if (re.test($(this).val())) {
                $(this).next().text("密码合法").css("color", '#72e51b');
            } else $(this).next().text("密码需由6-16位数字、字母、下划线组合而成").css("color", 'red');
        });
        //性别
        $("#sex").blur(function () {
            var regu = /^[1-3]$/;
            var re = new RegExp(regu);
            $(this).next().css('font-weight', 'bold');
            if ($(this).val() == '') {
              $(this).next().text();
            } else if (!re.test($(this).val())) {
                $(this).next().text("性别只能选择1-3中的一种").css("color", 'red');
            } else $(this).next().text("性别合法").css("color", '#72e51b');
        });

        //邮箱
        $("#email").blur(function () {
            var regu = /^\w+@\w+(\.\w+)+$/;
            var re = new RegExp(regu);
            $(this).next().css('font-weight', 'bold');
            if ($(this).val() == '') {
                $(this).focus();
                $(this).next().text("该字段不允许为空").css("color", 'red');
            }  else if(re.test($(this).val())){
                $.get("http://localhost:8080/mutilAdmin","_method=checkemail&u_email="+$(this).val(),function (data) {
                    if(data==2) $("#email").next().text("邮箱已被注册").css("color",'red');
                    if(data==1)  $("#email").next().text("邮箱合法").css("color",'#72e51b');
                });
            }
            else $(this).next().text("邮箱需由数字、字母、下划线和@、.组合而成").css("color", 'red');
        });

        //qq
        $("#qq").blur(function () {
            var regu = /^\d{6,10}$/;
            var re = new RegExp(regu);
            $(this).next().css('font-weight', 'bold');
            if ($(this).val() == '') {
                $(this).next().text();
            } else if (re.test($(this).val())) {
                $(this).next().text("qq号合法").css("color", '#72e51b');
            } else $(this).next().text("qq需由6-10位数字组成").css("color", 'red');
        });

        //表单提交
        $("#buf_sub").click(function () {
            var flag = 1;
            $('#regis td span').each(function () {
                console.log($(this).css('color'));
                if ($(this).css('color') == "rgb(255, 0, 0)") flag = 2;
            });
            if($("#user").val()==""||$("#pass").val()==""||$("#email").val()=="") flag=2;
            if (flag == 2) {
                alert("您还有信息没有填写正确！");
            } else {
                $.get("http://localhost:8080/mutilAdmin", $('#regis').serialize(), function (result) {

                    alert("添加成功，为您跳转到管理员页面！");
                    setTimeout(function () {
                        window.location.href = "/mutilAdmin?_method=selectAdmin";
                    }, 1000);
                })
            }
        })


    });
</script>
<body>
<!-- 头部开始 -->
<header class="header">
    <!-- 头部的div用来保证缩放可以正常进行 -->
    <div class="center">
        <div class="header-div">
            <div class="header-left-one">
                <!-- <img src="./images/all.gif" alt=""> -->
                <a class="btnCopy" data-clipboard-text="localhost:8080">将本站设为首页</a>
            </div>
            <div class="header-left-two">
                <a href="#">收藏新笔趣阁</a>
            </div>
            <div class="header-right">
                <c:if test="${empty username}">
                    <form action="/mutilAdmin" class="header-form" id="loginForm">
                        账号：<input type="text" name="username" id="username" class="username">
                        密码：<input type="password" name="password" id="password" class="password">
                        <input type="button" value="登录" id="submit">
                        <a href="register.jsp" class="registration">用户注册</a>
                        <a href="forgetpwd.jsp" class="registration">忘记密码</a>
                    </form>
                </c:if>
                <c:if test="${not empty username}">
                    <span id="ajax">hi,${username}&ensp;
                        <c:if test="${type==3}">超级管理员
                            <a href="/mutilAdmin?_method=selectAdmin" class="svip">超级管理员界面&ensp;|</a>
                        </c:if>
                        <c:if test="${type==2}">管理员
                            <a href="/mutilAdmin?_method=selectAdmin" class="vip">管理员界面&ensp;|</a>
                        </c:if>
                        <c:if test="${type==1}">尊敬的用户
                            <a href='/index.jsp' class='user'>回到首页&ensp;|</a>
                        </c:if>
                    </span>
                    <a href="/BookShelf?_method=myBookShelf">我的书架&ensp;|</a>
                    <a href="forgetpwd.jsp">修改密码&ensp;|</a>
                    <a class="exit">安全退出&ensp;|</a>
                </c:if>

            </div>
            <div class="clear"></div>
        </div>
    </div>
</header>
<!-- --------------------头部结束/整体开始 ----------------------->
<!-- 新笔趣阁图标一栏 -->
<div class="new-penguin center">
    <div id="new-penguin-div">
        <div class="image"><a href="index.jsp"><img src="./images/图标.jpg" alt=""></a></div>
        <div class="form-div">
            <form action="/mutilfind" class="form">
                <input type="search" class="search-box" name="u_username" placeholder="输入需要搜索的内容">
                <input type="hidden" name="_method" value="searchbyab">
                <input type="submit" value="搜索" class="submit-search">
            </form>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- 标题 -->
<div class="title center">
    <div class="title-div">
        <!-- <a href="#">首页</a>
                <a href="#">永久书架</a>
                <a href="#">玄幻奇幻</a>
                <a href="#">武侠仙侠</a>
                <a href="#">都市言情</a>
                <a href="#">历史军事</a>
                <a href="#">科幻灵异</a>
                <a href="#">网游竞技</a>
                <a href="#">女频频道</a>
                <a href="#">完本小说</a>
                <a href="#">排行榜单</a>
                <a href="#">临时书架</a> -->
        <ul>
            <li><a href="index.jsp">首页</a></li>
            <li><a href="/BookShelf?_method=myBookShelf">永久书架</a></li>
            <li><a href="fantasy.jsp">玄幻奇幻</a></li>
            <li><a href="wxxx.jsp">武侠仙侠</a></li>
            <li><a href="romance.jsp">都市言情</a></li>
            <li><a href="historymilitary.jsp">历史军事</a></li>
            <li><a href="science.jsp">科幻灵异</a></li>
            <li><a href="olgame.jsp">网游竞技</a></li>
            <li><a href="femate.jsp">女频频道</a></li>
            <li><a href="mutilfind?_method=finishbook">完本小说</a></li>
            <li><a href="mutilBook?_method=topBook">排行榜单</a></li>
            <li><a href="/BookShelf?_method=tempBookShelf">临时书架</a></li>
        </ul>
    </div>
    <div class="clear"></div>
</div>
<!-- 标题结束 -->
<!-- 主体部分 -->
<div class="center">
    <form id="regis" method="POST">
        <!-- <form action="#"> -->
        <table>
            <caption>
                <h3>增加新管理员</h3>
            </caption>
            <tr>
                <td>用户名<font color="red">(必填)</font>
                </td>
                <td>
                    <input type="text" id="user" name="u_username">
                    <span>请输入长度不少于5位的字母、数字</span>
                </td>
            </tr>
            <tr>
                <td>密码<font color="red">(必填)</font>
                </td>
                <td>
                    <input type="password" id="pass" name="u_password">
                    <span>请输入长度不少于六位的密码</span>
                </td>
            </tr>
            <tr>
                <td>Email<font color="red">(必填)</font>
                </td>
                <td>
                    <input type="text" name="u_email" id="email">
                    <span>请输入邮箱地址</span>
                </td>
            </tr>
            <tr>
                <td>性别<font>(选填)</font>
                </td>
                <td>
                    <input type="text" name="u_sex" id="sex">
                    <span>1为男性  2为女性   3为保密</span>
                </td>
            </tr>
            <tr>
                <td>QQ<font>(选填)</font>
                </td>
                <td>
                    <input type="text" name="u_qq" id="qq">
                    <span>请输入QQ号</span>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="hidden" name="_method" value="addAdmin">
                    <input type="button" class="buf_sub" id="buf_sub" value="提交">
                    <span>${result}</span>
                    <div id="msg"></div>
                </td>
            </tr>
        </table>
    </form>
</div>
<tfoot>
<div class="f_style">
    <div class="f_last">
        <p>本站所有小说为转载作品，所有章节均由网友上传，转载至本站只是为了宣传本书让更多读者欣赏。</p>
        <p>Copyright &copy; 2015&nbsp;新笔趣阁&nbsp;All Right Reserved.</p>
    </div>
</div>
</tfoot>
</body>


</html>
